<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!--viewport确保适当的绘制和触屏缩放 ，user-scalable=no禁止缩放，只能滚动屏幕-->
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>好度科技有限公司</title>
		<!-- Bootstrap -->
		<link rel="stylesheet" href="framework/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/global.css" />
	</head>

	<body ms-controller="mean">
		<header class="navbar navbar-default navbar-fixed-top navbar-mynav">
			<div class="container">
				<!--.container 类用于固定宽度并支持响应式布局的容器。 -->
				<!--.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。 -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-nav">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<div class="navbar-brand">
						<a href="#!/home">
						<img alt="好度logo" src="img/logo.png"/>
						</a>
					</div>
				</div>
				<div class="collapse navbar-collapse" id="header-nav">
					<!--navbar-collapse响应式导航条-->
					<ul class="nav navbar-nav">
						<li id='liHomelt' ms-class="active : currentTag== 'home'" ms-click='dismissMenu'><a href="#!/home">首页</a>
						</li>
						<li id='liShowlt' ms-class="active : currentTag== 'show' " ms-click='dismissMenu'><a href="#!/show">产品展示</a>
						</li>
						<li id='liCaselt' ms-class="active : currentTag== 'case' " ms-click='dismissMenu'><a href="#!/case">经典案例</a>
						</li>
						<li id='liJoinlt' ms-class="active : currentTag== 'join' " ms-click='dismissMenu'><a href="#!/join">加入好度</a>
						</li>
						<li id='liAboult' ms-class="active : currentTag== 'about' " ms-click='dismissMenu'><a href="#!/about">关于我们</a>
						</li>
						
					</ul>
				</div>
			</div>
		</header>

		<div ms-include-src="currentPage" data-include-replace="false" class="myBody" data-include-rendered='loadPageOver'></div>
		
		<div class="bottombar"></div>
		<footer class="container-fluid">
			<!--.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。 -->
			<div class="row footerBarCodeArea">
				<!--row栅格系统 -->
				<div class="col-md-6 logo">
					<!--列，12-->
					<a href="#!/home">
					<img class="footerLogo" src="img/logo.png"/>
					</a>
				</div>
				
				<div class="col-md-6 barcode">
					<div>
						<img src="img/home/weixin.jpg"/>
						<p>微信公共账号</p>
					</div>
				</div>
				
			</div>
			<div class="row footerCopyRight">
				Copyright © 2014-<span class="nowYear"></span> 天津好度科技有限公司 | 津ICP备14007114号
			</div>
		</footer>
		
		<div id="loadingBar" ms-visible='loadingVisible'>
			<span class="glyphicon glyphicon-refresh"></span>
			<span class="text">加载中</span>
		</div>
		<!--悬浮框-->
		<div class="fixedBox">
<ul class="fixedBoxList">
<li style="display: block;" id="cartboxs" class="fixeBoxLi cart_bd">
  <span class="fixeBoxSpan"></span> <strong>全国热线</strong>
  <div class="cartBox">
    <div class="bjfff"></div>
    <div class="message">400-6521-530</div>
  </div>
</li>
<li class="fixeBoxLi Service startWork"> <span class="fixeBoxSpan"></span> <strong>在线客服</strong>
  <div class="ServiceBox">
    <div class="bjfff"></div>
    <dl>
      <dt><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3277280176&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:3277280176:51" alt="好度客服1" title="好度客服1"/></a></dt>
      <dd> <strong>好度客服1:</strong>
      </dd>
    </dl>
    <dl>
      <dt><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2660216294&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2660216294:51" alt="好度客服2" title="好度客服2"/></a></dt>
      <!--<dt>项目内容</dt>-->
      <dd> <strong>好度客服2：</strong>
      	<!--<dd>项目描述</dd>-->
      </dd>
    </dl>
    <dl>
      <dt><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3283067556&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:3283067556:41" alt="好度客服3" title="好度客服3"/></a></dt>
      <dd> <strong>好度客服3：</strong>
      </dd>
    </dl>
  </div>
</li>
<!--<li class="fixeBoxLi Home"> <a href="javascript:;" onclick="openWin('http://v3.faqrobot.org/robot/faqrobot.html?sysNum=1000000',855,710)"> <span class="fixeBoxSpan"></span> <strong>客服机器人</strong> </a> </li>-->
<li class="fixeBoxLi Home"> <a href="javascript:;" onclick="openWin('http://v3.faqrobot.org/robot/faqrobot.html?sysNum=14338300031703876')"> <span class="fixeBoxSpan"></span> <strong>客服机器人</strong> </a> </li>
	
<!--<li class="fixeBoxLi BackToTop"> <span class="fixeBoxSpan"></span> <strong>隐藏</strong> </li>-->
</ul>
<button type="button"  id="btnToggle" ><strong>》</strong></button>
</div>

		<!--悬浮框 end-->
		
			
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script type="text/javascript" src="framework/jquery-1.11.2.min.js"></script>
		<script type="text/javascript" src="framework/jquery.scrollUp.min.js" ></script>
		<script type="text/javascript" src="framework/bootstrap/js/bootstrap.min.js"></script>
		<script type="text/javascript" src='framework/avalon/avalon.min.js'></script>
		<script type="text/javascript" src="framework/echarts-all.js" ></script>
		<script type="text/javascript" src="framework/layer/layer.min.js" ></script>
		
		

		<!--私有界面-->
		<script type="text/javascript" src='js/index.js'></script>
		<script type="text/javascript" src="js/home.js" ></script>
		<script type="text/javascript" src="js/show.js" ></script>
		<script type="text/javascript" src="js/case.js" ></script>
		<script type="text/javascript" src="js/join.js" ></script>
		
<!--=====================悬浮框JS逻辑-JackYan-2015.6.9==============-->
<script>
jQuery(function(){
	//版权信息获得当前年份
	var getNowYear= new Date().getFullYear();
	$(".nowYear").text(getNowYear);
	
	var getWin=document.body.clientWidth;console.log(getWin)
	if(getWin<768){
		$(".fixedBox").css({top:'220px'});
	}
  jQuery(".fixedBox ul.fixedBoxList li.fixeBoxLi").hover(
	function (){
	  jQuery(this).find('span.fixeBoxSpan').addClass("hover");
	  jQuery(this).addClass("hover");
	},
	function () {
	 jQuery(this).find('span.fixeBoxSpan').removeClass("hover");
	  jQuery(this).removeClass("hover");
	}
  );
  $("#btnToggle").click(function(){
  	var getRight=$(".fixedBox").css("right");
  	if(getRight=="8px"){
  		$(".fixedBox").animate({
  		      right:'-70px'  		
  	     },500);
  	     $(this).text("《");
  	}else{
  		$(".fixedBox").animate({
  		      right:'8px'  		
  	     },500);
  	     $(this).text("》");
  	}
  	
  	
  })
//jQuery('.BackToTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
//var oDate=new Date();
//var iHour=oDate.getHours();
//if(iHour>8 && iHour<22){
//  jQuery(".Service").addClass("startWork");
//  jQuery(".Service").removeClass("Commuting");
//}else{
//  jQuery(".Service").addClass("Commuting");
//  jQuery(".Service").removeClass("startWork");
//};
});

jQuery(function(){
jQuery('.listLeftMenu dl dt').click(function(){
    var but_list=jQuery(this).attr('rel');
    if(but_list=='off'){
      jQuery(this).attr('rel','on');
	  jQuery('.listLeftMenu dl').removeClass('off');
	  jQuery(this).parent().addClass('on');
    }else{
      jQuery(this).attr('rel','off');
	  jQuery(this).parent().removeClass('on');
	  jQuery(this).parent().addClass('off');
    }
});
});
  //弹出窗口控制代码--JackYan-2015.6.9
  var iTop = (window.screen.availHeight-700)/2; //获得窗口的垂直位置;
  var iLeft = (window.screen.availWidth-10-800)/2; //获得窗口的水平位置;
  function openWin(src){  
  	window.open(src,'newpage','width=800,height=700'+',top='+iTop+',left='+iLeft);
  }
</script>
	</body>

</html>